<template>
  <view style="padding: 40rpx 20rpx 20rpx 20rpx;background: #f2f2f2;" :class="{ 'sticky':sticky }">
    <view class="flex p-20 day-tag">
      <up-icon name="calendar" size="20" color="#ff6d70"></up-icon>
      <span style="color: #ff6d70">{{ title }}</span>
    </view>
  </view>
</template>

<script setup>
defineProps(['title', 'sticky'])
</script>

<style lang="scss" scoped>
@import "@/static/css/index.css";
.day-tag {
  border-bottom: 2rpx #ff6d70 solid;
}

.sticky {
  position: sticky;
  top: 0;
  z-index: 20;
}
</style>